<template>
  <div class="app">
    <div class="header">
      <TopBar />
    </div>
    <Footer v-if="shouldShowComponent"/>

    <div class="content">
      
      <router-view/>
    </div>
  </div>
</template>
<script>
import TopBar from './layouts/TopBar/index.vue'
import Footer from './components/ui/Footer.vue';
export default {
  name: 'App',
  components: {
    TopBar,
    Footer,
  },
  computed: {
        shouldShowComponent() {
        return this.$route.path == '/';
    }
    },
}      
</script>
<style lang="scss">
::-webkit-scrollbar {
  display: none;
}
html{
  overflow: hidden;
  margin-left: -0.4vw;
}
  .app {
  height: 100vh;
  width: 100vw;
  background: url("./assets/images/header/u0_state0.jpg") no-repeat center center;
  background-size: cover;
 
  }
  .content {
  position: relative;
  top: -58px;
  /* 根据需要调整这个值 */
}
</style>
